p.caption {
  font-size: 0.9em;
  font-style: italic;
  color: grey;
  margin-right: 10%;
  margin-left: 10%;
  text-align: justify;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 100px;
}

h1 {
  padding-top: 65px !important;
  margin-top: 30px !important;
}

pre {
  border: 0px solid #cccccc;
  border-radius: 0px;
}

a {
  color: #69b3a2;
}

/* ---------- Button ----------------- */
.btn {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.btn {
  border-width: 0 0px 0px 0px;
  font-weight: normal;
  text-transform: ;
}

.btn-default {
  color: #69b3a2;
  background-color: #ffffff;
  border-color: #69b3a2;
}

.btn-primary {
  background-color: transparent;
  border-color: #69b3a2;
  color: #69b3a2;
  border-width: medium;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #69b3a2 !important;
  border-color: #69b3a2 !important;
  color: white;
}

.btn-primary:active,
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}

.main-container {
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

.mycontent {
  max-width: 900px !important;
  margin-left: auto;
  margin-right: auto;
  font-family: "Montserrat";
  font-size: 130%;
  line-height: 1.7;
  padding-right: 15px;
  padding-left: 15px;
}

.mytitle {
  text-transform: uppercase;
  font-family: "Montserrat";
  font-size: 180%;
  font-weight: 300;
  letter-spacing: 4px;
}

.mysubtitle {
  color: grey;
  font-family: "Montserrat";
  font-size: 110%;
}

.mylogoheader {
  width: 70px;
}

/* Fix bug: Lumen style adds a -15px margin on both side of the code, triggering useless scrollbar. */
.sourceCode .row {
  margin: 0px;
}
